<div id="app" v-cloak>
    <el-scrollbar style="height: calc(100vh - 100px)">
        <el-form ref="form" :model="form" :rules="rules" label-width="100px">
            <el-form-item label="插件名称" prop="title">
                <mu-form  v-model="form.title" input-type="text" width="360px" placeholder="请输入插件名称"></mu-form>
            </el-form-item>
            <el-form-item label="插件标识" prop="key">
                <mu-form  v-model="form.key" input-type="text" width="360px" placeholder="请输入插件标识"></mu-form>
                <el-button :disabled="form.key?false:true" type="primary" @click.stop="handleCheck" class="left10">检查</el-button>
            </el-form-item>
            <el-form-item label="插件依赖" prop="require">
                <mu-form  v-model="form.require" input-type="select" multiple="true" :options="options.requireList" label-field="title" value-field="key" width="360px" placeholder="请选择依赖"></mu-form>
            </el-form-item>
            <el-form-item label="插件介绍" prop="description">
                <mu-form  v-model="form.description" input-type="textarea" width="360px" placeholder="请输入插件介绍"></mu-form>
            </el-form-item>
            <el-form-item label="插件版本" prop="version">
                <mu-form  v-model="form.version" input-type="text" width="360px" placeholder="请输入插件版本"></mu-form>
            </el-form-item>
            <el-form-item label="状态" prop="status">
                <mu-form  v-model="form.status" input-type="switch" width="360px"></mu-form>
            </el-form-item>
        </el-form>
    </el-scrollbar>
    <div style="display: flex;justify-content: flex-end;margin-top: 20px" class="flex-column flex-item-center">
        <div >
            <el-button type="primary" @click="onSubmitAdd">立即创建</el-button>
            <el-button @click="onCancel">取消</el-button>
        </div>
    </div>
</div>